<template>
  <header class="page-header">
    <div class="logo">
      <span>舆见分明</span>
    </div>
    <div style="padding-right: 1%; display: flex;"><el-icon><Search/></el-icon></div>
  </header>
  <!-- <hr class="separator"> -->
</template>

<script lang="ts" setup>
import {
  Search
} from '@element-plus/icons-vue'  

</script>

<style scoped>
.page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 5px;
  padding-left: 2%;
  background-color: #fff; /* White background color */
}

.logo {
  font-size: 1.5rem;
}

.separator {
  height: 0.1%;
  width: 100%;
  background-color: #ccc;
  }

</style>
  